import type { IconProps } from "@tabler/icons-react"
import { memo } from "react"

const IconIdCard = memo(function IconIdCard({ size }: IconProps) {
	return (
		<svg
			xmlns="http://www.w3.org/2000/svg"
			width={size}
			height={size}
			viewBox={`0 0 ${size} ${size}`}
			fill="none"
		>
			<path
				d="M17.3193 8.75H12.3193C12.1536 8.75 11.9946 8.68415 11.8774 8.56694C11.7602 8.44973 11.6943 8.29076 11.6943 8.125C11.6943 7.95924 11.7602 7.80027 11.8774 7.68306C11.9946 7.56585 12.1536 7.5 12.3193 7.5H17.3193C17.4851 7.5 17.6441 7.56585 17.7613 7.68306C17.8785 7.80027 17.9443 7.95924 17.9443 8.125C17.9443 8.29076 17.8785 8.44973 17.7613 8.56694C17.6441 8.68415 17.4851 8.75 17.3193 8.75ZM17.3193 11.875H13.5693C13.4036 11.875 13.2446 11.8092 13.1274 11.6919C13.0102 11.5747 12.9443 11.4158 12.9443 11.25C12.9443 11.0842 13.0102 10.9253 13.1274 10.8081C13.2446 10.6908 13.4036 10.625 13.5693 10.625H17.3193C17.4851 10.625 17.6441 10.6908 17.7613 10.8081C17.8785 10.9253 17.9443 11.0842 17.9443 11.25C17.9443 11.4158 17.8785 11.5747 17.7613 11.6919C17.6441 11.8092 17.4851 11.875 17.3193 11.875ZM2.94434 13.75C2.94434 11.6812 4.62559 10 6.69434 10C6.19705 10 5.72014 9.80246 5.36851 9.45083C5.01688 9.09919 4.81934 8.62228 4.81934 8.125C4.81934 7.62772 5.01688 7.15081 5.36851 6.79917C5.72014 6.44754 6.19705 6.25 6.69434 6.25C7.19162 6.25 7.66853 6.44754 8.02016 6.79917C8.37179 7.15081 8.56934 7.62772 8.56934 8.125C8.56934 8.62228 8.37179 9.09919 8.02016 9.45083C7.66853 9.80246 7.19162 10 6.69434 10C8.76309 10 10.4443 11.6812 10.4443 13.75H2.94434ZM18.5693 2.5H2.31934C1.98782 2.5 1.66987 2.6317 1.43545 2.86612C1.20103 3.10054 1.06934 3.41848 1.06934 3.75V16.25C1.06934 16.5815 1.20103 16.8995 1.43545 17.1339C1.66987 17.3683 1.98782 17.5 2.31934 17.5H18.5693C18.9009 17.5 19.2188 17.3683 19.4532 17.1339C19.6876 16.8995 19.8193 16.5815 19.8193 16.25V3.75C19.8193 3.41848 19.6876 3.10054 19.4532 2.86612C19.2188 2.6317 18.9009 2.5 18.5693 2.5Z"
				fill="#339BFF"
			/>
		</svg>
	)
})

export default IconIdCard
